.cate_search {
  border: 1px solid grey;
  border-radius: 20px;
  height: 30px;
  padding: 0 10px;
}

.cate_search input {
  height: 30px;
  width: 80%;
  padding-left: 10px;
}

/* .active {
  background-color: #FF603F;
  color: white;
} */

.cate_content1 {
  display: flex;
  justify-content: space-between;
  background: #f2f2f2;
}

.cate_content1 .side {
  display: flex;
  flex-direction: column;
  background: white;
  height: 100%;
  
}

.cate_content1 .side li {
  height: 0.9rem;
  width: 2.36rem;
  font-size: 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: gray;
}

.cate_content1 .side li:hover {
  font-size: 0.3rem;
  font-weight: bolder;
  color: #ff8b73;
}


.cate_content1 .cate_content2  img {
  width: 1.28rem;
  height: 1.28rem;
}


.cate_content2 div {
  display: flex;
  justify-content: flex-start;
  margin: 0.2rem 0.2rem;
  /* width: 80vw; */
  background-color: white;
  border-radius: 20px;
  padding: 0.2rem 0.4rem;
}


.cate_content2 div li:nth-of-type(1) {
  font-size: 0.2rem;
  font-weight: bolder;
  line-height: 0.2rem;
  margin: 0.2rem 0;
}

.cate_content2 div li:nth-of-type(2) {
  font-size: 0.24rem;
  color: gray;
  line-height: 0.2rem;
}

.cate_content2 div span:nth-of-type(1) {
  font-size: 0.2rem;
  font-weight: bolder;
  color: #FF775B;
}

.cate_content2 div span:nth-of-type(2) {
  font-size: 0.1rem;
  color: gray;
  text-decoration: line-through;
}

.cate_content2 div span:nth-of-type(3) {
  font-size: 0.12rem;
  color: gray;
}

.cate_content2 div li:nth-of-type(3) {
  font-size: 8px;
  color: gray;
  line-height: 0.3rem;
}
.cate_content2 button{background-color: #FF603F; border-radius: 10px;color: white;}